@if swmmobile.css pretty {
	@external indexPanel, indexHeaderListItem;	
}

.indexPanel {
	position: absolute;
	z-index: 1;
	right: 0;
	padding-right: 4px;
	padding-top: 4px;
	padding-bottom: 4px;
	background: rgba(1, 1, 1, 0.2);
	padding-left: 8px;
	margin-top: 4px;
	margin-right: 4px;
	\-webkit-border-radius: 8px;
	\-webkit-box-align: center;
	font-size: 0.5em;
	color: #D2D2D2;
	font-weight: bold;
}

.indexHeaderListItem {
    color: white;
    font-style: italic;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-shadow: rgba(0, 0, 0, 0.8) 0 -0.1em 0.1em;
	font-size: 0.7em;
	font-weight: bold;
	color: white !important;
	background-image: literal('-webkit-gradient(linear, 0% 0%, 0% 100%, from(#014A23), to(#01B601))') !important;
}
